<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" href="../static/css/bootstrap.css">
<!--    <link rel="stylesheet" href="../../bootstrap-icons-1.13.1/bootstrap-icons.min.css">-->
    <script src="../static/js/jquery-3.6.1.js"></script>
    <script src="../static/js/bootstrap.bundle.min.js"></script>
    <style>
        body{
            background: url("../static/login.png");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 100vh;
        }
        .container{
            width: 600px;
            height: 400px;
            background: rgba(0,0,0,0.6);
            margin-top: 100px;
            margin-right: 50px;
        }
    </style>
</head>

<body>
    <div class="container">
        <form action="/register"  method="post">
            <hi style="display:block;font-size: 50px;color: white;" class="text-center">注册</hi>
            <div class="input-group m-4">
                <span class="input-group-text col-form-label col-2 text-right">用户名</span>
                <input type="text" name="username" id="inp1" class="form-control-lg col-8">
            </div>

            <div class="input-group m-4">
                <span class="input-group-text col-form-label col-2 text-right">密码</span>
            <input type="password" name="password" id="inp2"class="form-control-lg col-8">
            </div>
            <div class="input-group m-4">
                <span class="input-group-text col-form-label col-2 text-right">确认密码</span>
            <input type="password" name="password2" id="inp3"class="form-control-lg col-8">
            </div>
            <div class="input-group">
            <input type="submit" value="注册" class="btn btn-primary bt-lg col-9 offset-1">
            </div>
        </form>
    </div>
</body>

</html>